<template>
  <a-descriptions title="体格检查" bordered :column="{ xxl: 2, xl: 2, lg: 2, md: 2, sm: 2, xs: 1 }">
    <a-descriptions-item label="基础检查" :span="2" v-if="report.basicCheck">
      <p>
        <span v-if="report.basicCheck.heartRate != null"> 心率： {{ report.basicCheck.heartRate }} </span>
        <span v-if="report.basicCheck.breath != null"> 呼吸： {{ report.basicCheck.breath }} </span>
        <span v-if="report.basicCheck.temperature != null"> 体温： {{ report.basicCheck.temperature }} </span>
      </p>
      <p>
        <span v-if="report.basicCheck.weight != null"> 体重： {{ report.basicCheck.weight }} </span>
        <span v-if="report.basicCheck.height != null"> 身高： {{ report.basicCheck.height }} </span>
        <span v-if="report.basicCheck.bmi != null"> BMI： {{ report.basicCheck.bmi }} </span>
      </p>
      <p>
        <span v-if="report.basicCheck.waist != null"> 腰围： {{ report.basicCheck.waist }} </span>
        <span v-if="report.basicCheck.hip != null"> 臀围： {{ report.basicCheck.hip }} </span>
        <span v-if="report.basicCheck.whratio != null"> 腰臀比： {{ report.basicCheck.whratio }} </span>
      </p>
      <p>
        <span v-if="report.basicCheck.bloodSystolicPress != null">
          血压收缩压： {{ report.basicCheck.bloodSystolicPress }}
        </span>
        <span v-if="report.basicCheck.bloodDiastolicPress != null">
          血压舒张压： {{ report.basicCheck.bloodDiastolicPress }}
        </span>
      </p>
      <p>
        <span v-if="report.basicCheck.vision != null"> 左眼视力： {{ report.basicCheck.vision }} </span>
        <span v-if="report.basicCheck.visionRight">右眼视力： {{ report.basicCheck.visionRight }} </span>
      </p>
    </a-descriptions-item>
    <a-descriptions-item label="皮肤检查" :span="2" v-if="report.skinCheck">
      <p>
        <span v-if="report.skinCheck.skinExam != null"> 皮肤检查： {{ report.skinCheck.skinExam }} </span>
        <span v-if="report.skinCheck.skinSymptom != null"> 皮肤症状： {{ report.skinCheck.skinSymptom }} </span>
      </p>
      <p>
        <span v-if="report.skinCheck.insulinInjection != null">
          胰岛素注射部位： {{ report.skinCheck.insulinInjection }}
        </span>
        <span v-if="report.skinCheck.insulinInjectionSymptom != null">
          胰岛素注射部位症状： {{ report.skinCheck.insulinInjectionSymptom }}
        </span>
      </p>
    </a-descriptions-item>
    <a-descriptions-item label="眼底检查" :span="2" v-if="report.eyeCheck">
      <p>
        <span v-if="report.eyeCheck.eyeMicroaneurysm != null"> 微动脉瘤： {{ report.eyeCheck.eyeMicroaneurysm }} </span>
        <span v-if="report.eyeCheck.eyeIntraretinalHemorrhage != null">
          视网膜内出血： {{ report.eyeCheck.eyeIntraretinalHemorrhage }}
        </span>
        <span v-if="report.eyeCheck.eyeCottonWoolSpots">棉絮斑： {{ report.eyeCheck.eyeCottonWoolSpots }} </span>
      </p>
      <p>
        <span v-if="report.eyeCheck.eyeFundusBleeding">眼底出血： {{ report.eyeCheck.eyeFundusBleeding }} </span>
        <span v-if="report.eyeCheck.eyeHardExudation">硬性渗出： {{ report.eyeCheck.eyeHardExudation }} </span>
        <span v-if="report.eyeCheck.eyeVenousBeadedChanges"
          >静脉串珠样改变： {{ report.eyeCheck.eyeVenousBeadedChanges }}
        </span>
      </p>
      <p>
        <span v-if="report.eyeCheck.eyeMicrovascularAbnormalitiesInRetina"
          >视网膜内微血管异常： {{ report.eyeCheck.eyeMicrovascularAbnormalitiesInRetina }}
        </span>
        <span v-if="report.eyeCheck.eyeThickeningPosteriorRetina"
          >后极部视网膜增厚： {{ report.eyeCheck.eyeThickeningPosteriorRetina }}
        </span>
        <span v-if="report.eyeCheck.eyeVitreousHemorrhage"
          >玻璃体积血： {{ report.eyeCheck.eyeVitreousHemorrhage }}
        </span>
      </p>
      <p>
        <span v-if="report.eyeCheck.eyeNeovascularization"
          >新生血管形成： {{ report.eyeCheck.eyeNeovascularization }}
        </span>
        <span v-if="report.eyeCheck.eyePreretinalHemorrhage"
          >视网膜前出血： {{ report.eyeCheck.eyePreretinalHemorrhage }}
        </span>
      </p>
    </a-descriptions-item>
    <a-descriptions-item label="糖足检查" :span="2" v-if="report.footCheck">
      <p>
        <span v-if="report.footCheck.footSugarFootInspection"
          >糖足检查： {{ report.footCheck.footSugarFootInspection }}
        </span>
        <span v-if="report.footCheck.footPalpationOfDorsalisPedisArtery"
          >足背动脉触诊： {{ report.footCheck.footPalpationOfDorsalisPedisArtery }}
        </span>
        <span v-if="report.footCheck.footAnkleReflex">踝反射： {{ report.footCheck.footAnkleReflex }} </span>
      </p>
      <p>
        <span v-if="report.footCheck.footNerveConduction">神经传导： {{ report.footCheck.footNerveConduction }} </span>
        <span v-if="report.footCheck.footVibrationSense">振动觉： {{ report.footCheck.footVibrationSense }} </span>
        <span v-if="report.footCheck.footAcupuncturePain">针刺痛觉： {{ report.footCheck.footAcupuncturePain }} </span>
      </p>
      <p>
        <span v-if="report.footCheck.footTemperatureSense">温度觉： {{ report.footCheck.footTemperatureSense }} </span>
        <span v-if="report.footCheck.footPressureSense">压力觉： {{ report.footCheck.footPressureSense }} </span>
      </p>
    </a-descriptions-item>
    <a-descriptions-item label="其他" :span="2" v-if="report.other">
      <p>
        <span v-if="report.other.claudicationTest">间歇性跛行试验： {{ report.other.claudicationTest }} </span>
        <span v-if="report.other.carotidAuscultation">颈动脉听诊： {{ report.other.carotidAuscultation }} </span>
        <span v-if="report.other.femoralAuscultation">股动脉听诊： {{ report.other.femoralAuscultation }} </span>
      </p>
      <p>
        <span v-if="report.other.legsSkinTemp">下肢皮肤温度测定： {{ report.other.legsSkinTemp }} </span>
        <span v-if="report.other.abi">ABI： {{ report.other.abi }} </span>
        <span v-if="report.other.abiExerciseTest">ABI运动负荷试验： {{ report.other.abiExerciseTest }} </span>
      </p>
      <p>
        <span v-if="report.other.tbi">TBI： {{ report.other.tbi }} </span>
        <span v-if="report.other.tcPO2">经皮氧分压： {{ report.other.tcPO2 }} </span>
      </p>
    </a-descriptions-item>
  </a-descriptions>
</template>

<script>
export default {
  name: 'Physical',
  props: ['report'],
  data() {
    return {}
  },
  methods: {}
}
</script>

<style lang="less" scoped>
/deep/ .ant-descriptions-item-label {
  width: 25% !important;
}
/deep/ .ant-descriptions-item-content {
  width: 75% !important;
}
span {
  margin-right: 5px;
}
</style>

